<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>中国三星电子 官方网上商城</title>
		<link rel="stylesheet" type="text/css" href="css/details.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
	</head>

	<body>
		<header>
			<!--顶部-->
			<div class="ding1">
				<div class="ding">
					<div>
						<a href="activity.html">三星网上商城</a>
					</div>
					<div>
						<a href="#">三星官网<i class="iconfont icon-fenxiang"></i></a>
					</div>
				</div>
			</div>
			<!--导航栏-->
			<div class="dao1">
				<ul class="dao">
					<li>
						<a href="#tag1">智能手机</a>
					</li>
					<li>
						<a href="#tag2">可穿戴装备</a>
					</li>
					<li>
						<a href="#tag3">个人电脑</a>
					</li>
					<li>
						<a href="#tag4">空气净化器</a>
					</li>
					<li>
						<a href="#tag5">配件</a>
					</li>
					<li>
						<a href="activity.html"><img src="img/sansumglogo.png" /></a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-dianhua"></i>400 071 8899</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-duanxin"></i>在线客服</a>
					</li>
					<li>
						<a href="landing.html"><i class="iconfont icon-xiaoren"></i>登陆</a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-sousuo2"></i></a>
					</li>
					<li>
						<a href="#"><i class="iconfont icon-gouwuche"></i></a>
					</li>
				</ul>
			</div>
		</header>
		<mian>
			<div class="detail">
				<div>
					<p>
						<a href="#">网上商城</a><i class="iconfont icon-arrow-left-copy"></i>
						<a href="#">配件</a><i class="iconfont icon-arrow-left-copy"></i>
						<a href="#">DeX智能手机拓展坞</a>
					</p>
					<div>
						<img src="img/zhijiang.png" />

						<div><img id="tag1" src="img/1495009523517220_570X570.jpg" />
							<img id="tag2" src="img/1495009531996577_570X570.jpg" />
							<img id="tag3" src="img/14950095825453607_570X570.jpg" />
							<img id="tag4" src="img/14950095890578443_570X570.jpg" /></div>
						<a href="#tag1"><img src="img/1495009523517220_100X100.jpg" /></a>
						<a href="#tag2"><img src="img/1495009531996577_100X100.jpg" /></a>
						<a href="#tag3"><img src="img/14950095825453607_100X100.jpg" /></a>
						<a href="#tag4"><img src="img/14950095890578443_100X100.jpg" /></a>
					</div>
					<div>
						<p>DeX智能手机扩展坞</p>
						<ul>
							<li>
								<span>颜色</span>
								<div>
									<div></div><span>黑色</span></div>
							</li>
							<li>
								<span>价格</span>
								<div>
									<div>
										<p>黑色</p>

										<div>
											<p>￥948.00</p>
											<span>￥1,048.00</span></div>

									</div>
									<div>
										<div>
											<div>
												<p> 可获积分</p>
											</div>
											<span>基本积分</span>
											<span>948</span>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<div>

							<div>
								<p>加入购物车</p>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div class="canshu">
				<div>
					<h3>DeX智能手机扩展坞</h3>
					<p>
						<a href="#tu">商品动态</a>
					</p>
					<p>
						<a href="#can">规格参数</a>
					</p>
					<p>
						<a href="#xiangguan">相关推荐</a>
					</p>
				</div>
				<div id="tu"><img src="img/img-1-b.jpg" /></div>
				<div><img src="img/img-2-b.jpg" /></div>
				<div><img src="img/img-3-b.jpg" /></div>
				<div><img src="img/img-4-b.jpg" /></div>
				<div><img src="img/img-5-b.jpg" /></div>
				<div><img src="img/img-6-b.jpg" /></div>

			</div>
			<div class="shu">
				<div id="can">
					<p>规格参数</p>
				</div>
				<div>
					<div>
						<p>特征</p>
					</div>
					<div>
						<p>扩展坞接口</p>
						<span>USB Type-C</span>
					</div>
				</div>
				<div>
					<div>
						<p>物理规格</p>
					</div>
					<div>
						<p>尺寸 (展开)</p>
						<span>105.2 x 111.84 x 90.24 mm</span>
					</div>
					<div>
						<p>尺寸 (折叠)</p>
						<span>105.2 x 105.2 x 47.4 mm</span>
					</div>
				</div>
				<div id="xiangguan">
					<p>相关推荐</p>
				</div>
				<div>
					<ul>
					<li>
						<a href="#"><img src="img/rexiao1.jpg" /></a>
						<p>盖乐世 C8</p>
						<p>￥1999.00</p>
					</li>
					<li>
						<a href="#"><img src="img/rexiao2.jpg" /></a>
						<p>盖乐世 S8</p>
						<p>￥5688.00</p>
					</li>
					<li>
						<a href="#"><img src="img/rexiao3.jpg" /></a>
						<p>盖乐世 J3 2017</p>
						<p>￥1399.00</p>
					</li>
					<li>
						<a href="#"><img src="img/rexaio4.jpg" /></a>
						<p>盖乐世 Note8</p>
						<p>￥6988.00</p>
					</li>
				</ul>
				</div>
			</div>
		</mian>
			<footer>
				<div class="foot_1">
					<div class="foot1">
						<ul>
							<li>
								<div>
									<img src="img/phone.png" />
								</div>
								<div>
									<p>致电服务中心</p>
									<p>400-071-8899</p>
									<p>周一至周日 9:00 - 22:00</p>
								</div>
							</li>
							<li>
								<div>
									<img src="img/zuan.png" />
								</div>
								<div>
									<p>专业客服人员团队</p>
									<p>提供当季优惠信息</p>
									<p>为您推荐产品</p>
								</div>
							</li>
							<li>
								<div>
									<img src="img/kefu.png" />
								</div>
								<div>
									<p>所售三星品牌产品</p>
									<p>均为官方正品</p>
									<p>请安心购买</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="foot_2">
					<div class="foot2">
						<ul>
							<li>
								<a href="#">我的三星</a>
							</li>
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="#">我的积分</a>
							</li>
							<li>
								<a href="#">优惠券</a>
							</li>
							<li>
								<a href="#">个人资料</a>
							</li>
							<li>
								<a href="#">收货地址</a>
							</li>
							<li>
								<a href="#">售后网点查询</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">网上商城指南</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">支付方式</a>
							</li>
							<li>
								<a href="#">订单及发票</a>
							</li>
							<li>
								<a href="#">关于配送</a>
							</li>
							<li>
								<a href="#">售后服务</a>
							</li>
							<li>
								<a href="#">会员及优惠</a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#">服务支持</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
							<li>
								<a href="#">关于商城</a>
							</li>
							<li>
								<a href="#">关于三星</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
							<li>
								<a href="#">使用条款</a>
							</li>
							<li>
								<a href="#">加为书签</a>
							</li>
						</ul>
						<div class="foot2_right">
							<p>官方分享</p>
							<div>
								<div>
									<a href="#"><img src="img/xinlang.png" /></a>
								</div>
								<div>
									<a href="#"><img src="img/weixin.png" /></a>
								</div>
								<div>
									<a href="#"><img src="img/tengxun.png" /></a>
								</div>
							</div>
							<div>
								<img src="img/gaileshishequ.png" />
							</div>

						</div>
						<p> ©1995-2016 三星（中国）投资有限公司 版权所有</p>

					</div>

				</div>
				<div class="foot_3">
					<div class="foot3">
						<ul>
							<li>
								<a href="#">服务条款</a>
							</li>
							<li>
								<a href="#">隐私政策</a>
							</li>
							<li>
								<a href="#">访客协议</a>
							</li>
							<li>此网页最好使用IE9以上浏览器、谷歌浏览器、苹果浏览器、和其他新式浏览器进行浏览。</li>
						</ul>
						<ul>
							<li>三星（中国）投资有限公司授权上海宝尊电子商务有</li>
							<li>限公司运营三星网上商城并销售产品</li>
							<li>
								<a href="http://www.beianbeian.com/">泸ICP备11014294号</a>
							</li>
							<li><img src="img/zhizhao.gif" /></li>
							<li><img src="img/jinghui.png" /></li>
							<li>
								<a href="http://www.beianbeian.com/">泸公网安备 31010802001780</a>
							</li>
						</ul>
					</div>
				</div>

			</footer>
	</body>

</html>